<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<div id="app">
  <p @click="add">{{counter}}</p>
  <p>{{counter}}</p>
  <p>{{counter}}</p>

  <p my-text="counter"></p>
  <p my-html="desc"></p>

  <p>{{arr}}</p>
  <p>
    <input type="text" my-model="desc" />
  </p>
</div>

<script src="./my-vue.js"></script>
<script>
  const app = new MyVue({
    el: '#app',
    data: {
      counter: 1,
      desc: '<span style="color:red">小宋的VUE学习笔记</span>',
      arr: ['1', '2'],
    },
    methods: {
      add() {
        this.counter++
      },
    },
  })
  setInterval(() => {
    // app.counter++
    // app.arr.push('3')
  }, 1000)
</script>
